<template>
    <div class="container mx-auto flex justify-between p-4">
        <div class="flex gap-4">
            <NuxtLink to="/">Home</NuxtLink>
            <NuxtLink to="/about">About</NuxtLink>
            <NuxtLink to="/aos">元素出场动画</NuxtLink>
            <NuxtLink to="/full-page">整屏滚动</NuxtLink>
        </div>
        <div>
            <NuxtLink to="/user/dashboard" v-if="token">Username</NuxtLink>
            <NuxtLink to="/sign-in" v-else>sign in</NuxtLink>
        </div>
    </div>
</template>

<script setup>
const token = useCookie('token')
</script>